{{useCss "app-pages/css/sign_in.scss"}}
<div class="sign">
    <div class="sign_banner">
        <img src="/images/fruit/sign.jpg" />
    </div>
    <div class="sign_box">
        <div class="sign_title">
            <div class="title" event-click="{{'$Event.sign_in.changeSignType'}}">
                登陆
                <div class="mark {{$State.sign_in.signType?'close':'focus'}}"></div>
            </div>
            <div class="title" event-click="{{'$Event.sign_in.changeSignType'}}">
                注册
                <div class="mark {{$State.sign_in.signType?'focus':'close'}}"></div>
            </div>
        </div>
        <div class="box {{$State.sign_in.signType?'focus':'close'}}">
            <div class="sign_in">
                <div class="item">
                    <input type="text" class="full" placeholder="用户名/手机号" value="{{$Cache.sign_in.name}}" bind-input="{{'$Cache.sign_in.name'}}" event-enter="{{'$Event.sign_in.user.to_password_input'}}" />
                </div>
                <div class="item">
                    <input type="password" class="full" placeholder="密码" value="{{$Cache.sign_in.password}}" bind-input="{{'$Cache.sign_in.password'}}" ele-focus="{{$State.sign_in.user.is_focus}}" event-enter="{{'$Event.sign_in.login'}}" />
                </div>
                <div class="item">
                    <div class="forgot"><a href="http://dotnar.com/find_paw.html??type=user&cb={{window.encodeURIComponent(bus_info.info.domain_url)}}"></a>忘记密码?</div>
                </div>
                <div class="item">
                    <button class="sign_in_btn" event-click="{{'$Event.sign_in.login'}}">登陆</button>
                </div>
            </div>

            <div class="sign_in">
                <div class="item">
                    <input type="text" class="full" placeholder="手机号"  value="{{$Cache.sign_up.mobile_phone}}" bind-input="{{'$Cache.sign_up.mobile_phone'}}" event-change="{{'$Event.sign_up.checkedMobilePhone'}}"/>
                </div>
                <div class="item">
                    <input type="password" class="full" placeholder="请设置密码" value="{{$Cache.sign_up.password}}" bind-input="{{'$Cache.sign_up.password'}}" />
                </div>
                <div class="item">
                    <input type="password" class="full" placeholder="重复密码"  value="{{$Cache.sign_up.confirm_password}}" bind-input="{{'$Cache.sign_up.confirm_password'}}"/>
                </div>
                {{#if $State.sign_up.waiting_user_input_phone_code}}
                <div class="item">
                    <span class="inmobilecode">
                        <input bind-input="{{'$Cache.sign_up.phone_code'}}" value="{{$Cache.sign_up.phone_code}}" type="text" maxlength="6" placeholder="请输入手机验证码" />
                    </span>
                    <span class="mobilecode">
                    {{#if !$State.sign_up.waiting_server}}
                        <button event-click="{{'$Event.sign_up.reset_register_code'}}">点击获取验证码</button>
                    {{#else}}
                        <span>{{$Cache.sign_up.next_phone_code_time&&$Cache.sign_up.next_phone_code_time+"秒后重新获取"||"等待服务器响应"}}</span>
                    {{/if}}
                    </span>
                </div>
                <div class="item">
                    <button class="sign_in_btn" event-click="{{'$Event.sign_up.register'}}">注册</button>
                </div>
                {{#else}}
                <div class="item">
                    <span class="incheckcode">
                        <input type="text" maxlength="4" placeholder="请输入图形验证码" value="{{$Cache.sign_up.image_code_for_phone_code}}" bind-input="{{'$Cache.sign_up.image_code_for_phone_code'}}" event-enter="{{'$Event.sign_up.get_register_code_with_image_code'}}" />
                    </span>
                    <span class="checkcode">
                        <img bind-src="{{config.server_url}}user/getImageCode?_={{$Cache.sign_up.image_code_random}}" alt="获取短信验证码所需的图形验证码" event-click="{{'$Event.sign_up.change_user_image_code'}}" />
                    </span>
                </div>
                <div class="item">
                    <button class="sign_in_btn" event-click="{{'$Event.sign_up.get_register_code_with_image_code'}}">提交图形码获取手机验证码</button>
                </div>
                {{/if}}
                <div class="item">
                    <div class="forgot" event-click="{{'$Event.sign_in.changeSignType'}}">已有账号</div>
                </div>
            </div>
        </div>
    </div>
</div>
<!-- <div class="sign">
    <div class="sign_in">
        <div class="inputform {{$Cache.sign_in.signPrivate}}">
            <div class="inbox">
                <L:input bind-input="{{'$Cache.sign_in.name'}}" value="{{$Cache.sign_in.name}}" placeholder="请输入用户名/手机号"></L:input>
                <L:input bind-input="{{'$Cache.sign_in.password'}}" value="{{$Cache.sign_in.password}}" placeholder="请输入密码" type="password" event-enter="{{'$Event.sign_in.login'}}"></L:input>
                <a class="checkcode" href="http://dotnar.com/mobile.find_paw.html?cb={{bus_info.info.domain_url}}" target="_blank">
                    忘记密码？
                </a>
            </div>
            <div class="upbox">
                <L:input bind-input="{{'$Cache.sign_up.mobile_phone'}}" value="{{$Cache.sign_up.mobile_phone}}" placeholder="请输入手机号" description="手机号作为以后优惠活动的凭据，请认真填写"></L:input>
                <L:input type="password" bind-input="{{'$Cache.sign_up.password'}}" value="{{$Cache.sign_up.password}}" placeholder="请输入密码" description="请牢记密码，打死也不能跟别人说"></L:input>
                <L:input bind-input="{{'$Cache.sign_up.phone_code'}}" value="{{$Cache.sign_up.phone_code}}" placeholder="请输入手机验证码"></L:input>
                {{#if getcode}}<a class="checkcode focus">{{remaining}}秒后重新获取验证码</a>{{#else}}<a class="checkcode" event-click="{{'$Event.getcheckcode'}}" event-click-getcode="{{'$Event.sign_up.get_register_code'}}" event-enter="{{'$Event.sign_up.register'}}">点击获取手机验证码</a>{{/if}}
            </div>
        </div>
        <div class="readbox">
            <button class="btn {{#if $Cache.sign_in.signPrivate}}{{#else}}focus{{/if}}" event-click="{{'$Event.sign_up.register'}}">注册</button>
            <button class="btn {{$Cache.sign_in.signPrivate}}" event-click="{{'$Event.sign_in.login'}}">登陆</button>
            <div class="item"><a event-click="{{'$Event.sign_in.changeTosignup'}}">{{#if $Cache.sign_in.signPrivate}}已经有账户了，马上去登陆{{#else}}注册新用户{{/if}}</a>
            </div>
        </div>
    </div> -->

</div>
